<template>
  <div class="container-item-btn-upload">
    <!-- <span @click="$store.commit('app/TOOGEL_GONGGAO_SHOW')" class="btn-upload-link">{{gonggaoShow?'收起':'查看'}}公告</span> -->
    <!-- <img class="btn-icon" src="@/assets/header_btn.gif" > -->
    <!-- <mivaLink @click="$store.commit('app/TOOGEL_GONGGAO_SHOW')" class="btn-upload-link">{{gonggaoShow?'收起':'查看'}}公告</mivaLink> -->
    <!-- <ul class="wapper-upload-nav miva-fadeInUp"> -->
    <!-- <li v-for="(temp,index) in 2" :key="index"> -->
    <!-- <mivaLink class="upload-nav-item"> -->
    <!-- <i class="miva-rect miva-icon miva-icon-i-art" /> -->
    <!-- 文章投稿 -->
    <!-- </mivaLink> -->
    <!-- </li> -->
    <!-- </ul> -->
  </div>
</template>

<script>
export default {
    computed: {
        gonggaoShow() {
            return this.$store.state.app.gonggaoShow;
        },
    },
};
</script>

<style lang="less" scoped>
.container-item-btn-upload {
  position: relative;
  // width: 68px;
  height: 42px;
  margin-left: 5px;
  user-select: none;
  .btn-icon{
    height: 100%;
    z-index: 1;
    cursor: pointer;
  }
  .btn-upload-link {
    display: block;
    width: 68px;
    height: 46px;
    line-height: 42px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    z-index: 10;
    background-color: @base_color;
    border-radius: 0 0 6px 6px;
    cursor: pointer;
  }
  // .wapper-upload-nav {
  //   display: none;
  //   // width: 272px;
  //   position: absolute;
  //   right: 0;
  //   top: 42px;
  //   background: @global_background;
  //   border-radius: 0 0 4px 4px;
  //   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
  //   overflow: hidden;
  //   z-index: 1;
  //   li {
  //     cursor: pointer;
  //     text-align: center;
  //     width: 68px;
  //     height: 64px;
  //     transition: 0.2s;
  //     position: relative;
  //     background: #fff;
  //   }
  //   .upload-nav-item {
  //     // color: #f25d8e;
  //     display: block;
  //     width: 100%;
  //     height: 100%;
  //     text-align: center;
  //     font-size: 12px;
  //     line-height: initial;
  //     color: @base_color;
  //   }
  //   .miva-rect {
  //     display: block;
  //     width: 20px;
  //     height: 20px;
  //     margin: 15px auto 2px;
  //     transition: 0.2s;
  //   }
  // }
  // &:hover {
  //   .wapper-upload-nav {
  //     display: flex;
  //   }
  // }
}
</style>
